<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style type="text/less">
		@w:100px;
		@h:@w+50;
		@el:.app;
		@{el}{
			width:500px;
			height: 300px;
			border: 1px solid green;
			.vue{
				width: @w;
				height: @h;
				border: 1px solid red;
				color:red;
			}
			.react{
				width: @w;
				height: 50px;
				border: 1px solid pink;
				color:green;
			}
		}
	</style>
	<script src="lib/less.min.js"></script>
</head>
<body>
<div class="app">
	<div class="vue">vue</div>
	<div class="react">react</div>
</div>
</body>
</html>